/*每个页面公共css */

.chatNav {
	height: 60rpx;
}

.msg-img {
	max-width: 300rpx;
	max-height: 600rpx;
}

.im-heard {
	width: 100%;
	height: 5vh;
}

.im-content {
	width: 100%;
	height: 70vh;
}

.im-foot {
	width: 100%;
	height: 8vh;
}

.hidden {
	position: fixed;
	z-index: -1;
	width: 1upx;
	height: 1upx;
}

.list-view {
	width: 100%;
	height: 100%;
	padding-bottom: 100rpx;
}

.paddig-top-70 {
	padding-top: 70rpx;
}

.bg-grey {
	background-color: #eeeeee;
}

.bg-red {
	background-color: #ff0000;
}


.bg-white {
	background-color: #fff;
}

.bg-green {
	background-color: #4caf50;
}

.text-cut {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-breakWord {
	break-word:normal
}

.text-green {
	color: #4caf50;
}
.text-red {
	color: #ff0000;
}

.text-black {
	color: #262b3a;
}

.text-grey {
	color: #eeeeee;
}

.text-grey-1 {
	color: grey;
}

.text-10 {
	font-size: 10rpx;
}

.text-20 {
	font-size: 20rpx;
}

.text-30 {
	font-size: 30rpx;
}

.text-40 {
	font-size: 40rpx;
}

.text-50 {
	font-size: 50rpx;
}

.text-100 {
	font-size: 100rpx;
}

.page {
	height: 90.5vh;
	width: 100vw;
}

.allhw {
	width: 100%;
	height: 100%;
}

.allhw-vh {
	width: 100vw;
	height: 100vh;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
	;
}

.text-right {
	text-align: right;
}

.align-item {
	margin: 0 auto;
	align-items: center;
}

.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.round_view {
	border-radius: 25rpx;
}

.margin-left {
	margin-left: 20rpx;
}

.margin-right {
	margin-right: 20rpx;
}

.margin-top-10 {
	margin-top: 10rpx;
}

.margin-top-20 {
	margin-top: 20rpx;
}

.padding-sm {
	padding: 10rpx;
}

.padding-sm-sm {
	padding: 5rpx;
}

.padding-lg {
	padding: 20rpx;
}

.can-see-herf {
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.container-back {
	background-color: #8080803d;
}

.tui-scorll-view {
	flex: 1;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
}

.tui-notice {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	transform: translate3d(100%, 0, 0);
}

.tui-animation {
	-webkit-animation: tui-rolling 12s linear infinite;
	animation: tui-rolling 12s linear infinite;
}

@-webkit-keyframes tui-rolling {
	0% {
		transform: translate3d(100%, 0, 0);
	}

	100% {
		transform: translate3d(-170%, 0, 0);
	}
}

@keyframes tui-rolling {
	0% {
		transform: translate3d(100%, 0, 0);
	}

	100% {
		transform: translate3d(-170%, 0, 0);
	}
}
